<template>
  <div style="margin-top:10px">
    <el-pagination
            background
            @current-change="handleCurrentChange"
            @size-change="handleSizeChange"
            :current-page="curPage"
            :page-size="pageSize"
            :pager-count="5"
            layout="total, prev, pager, next"
            :total="total">
        </el-pagination>
  </div>
</template>

<script>
export default {
  props: ["total","curPage","pageSize"],
  methods: {
    handleCurrentChange(val) {
      this.$emit("getCurPage", val);
    },
    handleSizeChange(val) {
      this.$emit("getPageSize", val);
    },
  },
};
</script>

<style lang="scss" scoped></style>
